WordPress

推荐列表 站点导航

当前位置:首页 > 建站教程 > WordPress >

javascript实现京东登录显示隐藏密码

来源:网络整理  作者:  发布时间:2020-12-17 21:20
这篇文章主要为大家详细介绍了javascript实现京东登录显示隐藏密码,文中示例代码介绍的非常详细,具有一定的参考...

var flag = 0;

<script>

}

本文实例为大家分享了javascript仿京东登录显示隐藏密码的具体代码,供大家参考,具体内容如下

border-bottom: 1px solid #ccc;

pwd.type = 'password';

width: 370px;

top: 2px;

</body>

<title>Document</title>

javascript实现京东登录显示隐藏密码 (https://www.wpmee.com/) javascript教程 第2张

flag = 1; // 赋值操作

pwd.type = 'text';

<meta charset="UTF-8">

<input type="password">

}

<head>

<style>

width: 400px;

<meta content="width=device-width, initial-scale=1.0">

javascript实现京东登录显示隐藏密码 (https://www.wpmee.com/) javascript教程 第4张

这篇文章主要为大家详细介绍了javascript实现京东登录显示隐藏密码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

right: 2px;

if (flag == 0) {

</label>

position: relative;

// 点击一次之后, flag 一定要变化

</head>

// 1. 获取元素

<img src="https://www.wpmee.com/images/close.png" alt="">

eye.onclick = function() {

.box input {

javascript实现京东登录显示隐藏密码 (https://www.wpmee.com/) javascript教程 第3张

height: 30px;

border: 0;

position: absolute;

eye.src = 'images/open.png';

.box {

<div>

</script>

}

<label for="">

<body>

var pwd = document.getElementById('pwd');

<!DOCTYPE html>

.box img {

width: 24px;

</div>

} else {

var eye = document.getElementById('eye');

flag = 0;

}

eye.src = 'https://www.wpmee.com/images/close.png';

javascript实现京东登录显示隐藏密码 (https://www.wpmee.com/) javascript教程 第1张

<meta http-equiv="X-UA-Compatible" content="ie=edge">

// 2. 注册事件 处理程序

</style>

}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

margin: 100px auto;

</html>  

outline: none;

<html lang="en">

相关热词: javascript

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!

本文地址: https://v30.fanwenzhu.com/jz/wp/4944.shtml

Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

javascript实现京东登录显示隐藏密码

2020-12-17 编辑:

var flag = 0;

<script>

}

本文实例为大家分享了javascript仿京东登录显示隐藏密码的具体代码,供大家参考,具体内容如下

border-bottom: 1px solid #ccc;

pwd.type = 'password';

width: 370px;

top: 2px;

</body>

<title>Document</title>

javascript实现京东登录显示隐藏密码 (https://www.wpmee.com/) javascript教程 第2张

flag = 1; // 赋值操作

pwd.type = 'text';

<meta charset="UTF-8">

<input type="password">

}

<head>

<style>

width: 400px;

<meta content="width=device-width, initial-scale=1.0">

javascript实现京东登录显示隐藏密码 (https://www.wpmee.com/) javascript教程 第4张

这篇文章主要为大家详细介绍了javascript实现京东登录显示隐藏密码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

right: 2px;

if (flag == 0) {

</label>

position: relative;

// 点击一次之后, flag 一定要变化

</head>

// 1. 获取元素

<img src="https://www.wpmee.com/images/close.png" alt="">

eye.onclick = function() {

.box input {

javascript实现京东登录显示隐藏密码 (https://www.wpmee.com/) javascript教程 第3张

height: 30px;

border: 0;

position: absolute;

eye.src = 'images/open.png';

.box {

<div>

</script>

}

<label for="">

<body>

var pwd = document.getElementById('pwd');

<!DOCTYPE html>

.box img {

width: 24px;

</div>

} else {

var eye = document.getElementById('eye');

flag = 0;

}

eye.src = 'https://www.wpmee.com/images/close.png';

javascript实现京东登录显示隐藏密码 (https://www.wpmee.com/) javascript教程 第1张

<meta http-equiv="X-UA-Compatible" content="ie=edge">

// 2. 注册事件 处理程序

</style>

}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

margin: 100px auto;

</html>  

outline: none;

<html lang="en">

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供学习参考!
本文地址为 https://v30.fanwenzhu.com/jz/wp/4944.shtml

相关文章

风云图片

推荐阅读

返回WordPress频道首页